/**
 * This class is the main view for the application. It is specified in app.js as the
 * "autoCreateViewport" property. That setting automatically applies the "viewport"
 * plugin to promote that instance of this class to the body element.
 *
 * TODO - Replace this content of this view to suite the needs of your application.
 */
Ext.define('Admin.view.main.Main', {
    extend: 'Ext.container.Viewport',
    xtype: 'appmain',

    requires: [
        'Admin.view.main.region.Navigation',
        'Admin.view.main.region.Content',
        'Admin.view.main.region.Header',
        'Admin.view.main.region.Footer',
        'Admin.view.main.MainController',
        'Admin.view.main.MainModel'
    ],

    controller: 'main',
    viewModel: 'main',
    layout: 'border',

    items: [{
        xtype: 'appheader',
        region: 'north'
    }, {
        xtype: 'appnavigation',
        region: 'west'
    }, {
        xtype: 'appcontent',
        region: 'center'
    }, {
        xtype: 'appfooter',
        region: 'south'
    }]
});
